
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>List of Aircraft</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
<link rel="stylesheet" type="text/css" href="themes/table/blue/style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
<script type="text/javascript">
        $(document).ready(function() {
            $("#myTable").tablesorter( {sortList: [[0,0], [0,1]]} );
        }
    );
</script>

</head>
<body>
<div id="main_container">

	<div class="header">
    <div class="logo"><a href="Home"><img src="images/logo.jpg" /></a></div>

    <div class="right_header">Login</div>

    </div> <!-- end header -->

    <div class="main_content">

                  <jsp:include page="homemenu.jsp" /> <!-- include home menu -->

    <div class="center_content">



    <div class="left_content">


        <div class="sidebar_box">
            <div class="sidebar_box_top"></div>
            <div class="sidebar_box_content">
                <h3></h3>
                <p>
                    side bar
                </p>
            </div>
            <div class="sidebar_box_bottom"></div>
        </div>


    </div> <!-- end sidebar -->

    <div class="right_content">

    <h2>List of Aircraft</h2>

    <table id="rounded-corner">
        <table id="myTable" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
            <thead>
            <tr style="font-weight: bold">
                <th class="rounded-right" align="center">ID</th>
                <th class="rounded-left" align="center">TYPE</th>
                <th class="rounded" align="center">TAIL NUMBER</th>
                <th class="rounded" align="center">MODEL</th>
            </tr>
            </thead>

            <tbody
            <c:forEach var="plane" items="${planes}">
                <tr>
                     <td align="center"> <input type="button" name="plane" value="${plane.id}"/>View</td>
                    <td>${plane.planeType}</td>
                    <td>${plane.tailNumber}</td>
                    <td>${plane.model}</td>
                </tr>
            </c:forEach>
            </tbody>
            </table>
        </table>

    <br></br><br></br>

     </div><!-- end of right content-->


  </div>   <!--end of center content -->




    <div class="clear"></div>
    </div> <!--end of main content-->


    <div class="footer">

    	<div class="left_footer"><a href="http://apycom.com/"></a>Red Team &copy;</div>
    	<div class="right_footer"></div>

    </div> <!-- end footer -->

</div> <!-- end main container -->
</body>
</html>
